import { HomeFilled, PoweroffOutlined, SettingFilled } from '@ant-design/icons'
import '../../assets/css/home/headerHome.less'
import HomeHeaderLogo from '../../assets/images/homeLogo.jpg'
import { Dropdown, type MenuProps } from 'antd'
import { Link } from 'react-router'
const MenuStyle = {display:'flex',alignItems:'center'}
function HeaderHome() {
    const items: MenuProps['items'] = [
        {
            key: '1',
            label: (
                <div style={MenuStyle}>
                    <i style={{fontSize:18,color:'#727e97'}} className={`iconfont icon-wuyeguanli`}></i>
                    <Link style={{color:'#727e97'}} to={'/building'}>楼栋管理</Link>
                </div>
            ),
        },
        {
            key: '2',
            label: (
                <div style={MenuStyle}>
                    <i style={{fontSize:18,color:'#727e97'}} className={`iconfont icon-wuyeguanli`}></i>
                    <Link style={{color:'#727e97'}} to={'/house'}>房间管理</Link>
                </div>
            ),
        },
        {
            key: '3',
            label: (
                <div style={MenuStyle}>
                    <i style={{fontSize:18,color:'#727e97'}} className={`iconfont icon-wuyeguanli`}></i>
                    <Link style={{color:'#727e97'}} to={'/administrator'}>管理员管理</Link>
                </div>
            ),
        },
        {
            key: '4',
            label: (
                <div style={MenuStyle}>
                    <i style={{fontSize:18,color:'#727e97'}} className={`iconfont icon-wuyeguanli`}></i>
                    <Link style={{color:'#727e97'}} to={'/administratorrole'}>角色管理</Link>
                </div>
            ),
        }
    ]
    return (
        <header>
            <div className="_body_6c15j_1">
                <div className='left'>
                    <img src={HomeHeaderLogo} alt="" />
                    <div className='leftBox'>
                        <span className='pitch init'>
                            <HomeFilled />
                            <span>首页</span>
                        </span>
                        <span>
                        admin,上午好！今天你看上去好精神哦！
                        </span>
                    </div>
                </div>
                <div className='right'>
                    <div>
                    <div className='setting'>
                    <Dropdown menu={{ items }} trigger={['click']} placement="bottom">
                        <div>
                            <SettingFilled />
                            <span style={{marginLeft:8}}>设置</span>
                        </div>
                    </Dropdown>
                    </div>
                    </div>
                    <div className='rightBox'>
                    <PoweroffOutlined />
                    <span style={{marginLeft:8}}>退出登录</span>
                    </div>
                </div>
            </div>
        </header>
    )
}
export default HeaderHome